<template>
  <div class="error-warp flex-box flex-column align-center justify-center">
    <div class="error-text">403</div>
    <p>Sorry, you don't have access to this page.</p>
    <el-button type="primary" @click="toHome">Back Home</el-button>
  </div>
</template>
<style lang="scss" scoped>
.error-warp {
  padding: 8px;
  .error-text {
    font-size: 100px;
    font-weight: 700;
  }
}
</style>
<script setup lang="ts">
import { useError } from "@/hooks/error/useError";
const { toHome } = useError();
</script>
